<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>个人注册</title>
        <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/base.css" />
        <link rel="stylesheet" href="css/register.css" />
    </head>
    <body>
        <div class="w">
            <!-- 头部：logo区域 -->
            <header>
                <div class="logo">
                    <a href="index.html"
                        ><img src="./images/logo.png" alt=""
                    /></a>
                </div>
            </header>
            <!-- 主体：注册内容 -->
            <div class="register_area">
                <!-- 头部 -->
                <h3>
                    注册新用户
                    <div class="login">已有账号，去<a href="#">登录</a></div>
                </h3>
                <!-- 内容 -->
                <div class="register_form">
                    <form action="">
                        <ul>
                            <li>
                                <label for="">手机号码：</label>
                                <input type="text" class="inp" />
                                <span class="error"
                                    ><i class="error_icon"></i
                                    >手机号码格式不正确</span
                                >
                            </li>
                            <li>
                                <label for="">短信验证码：</label>
                                <input type="text" class="inp" />
                                <span class="success"
                                    ><i class="success_icon"></i
                                    >短信验证码输入成功</span
                                >
                            </li>
                            <li>
                                <label for="">密码：</label>
                                <input type="text" class="inp" />
                                <span class="error"
                                    ><i class="error_icon"></i
                                    >密码格式不正确</span
                                >
                            </li>
                            <li class="safe">
                                安全程度 <em>弱</em> <em>中</em> <em>强</em>
                            </li>
                            <li>
                                <label for="">手机号码：</label>
                                <input type="text" class="inp" />
                                <span class="error"
                                    ><i class="error_icon"></i
                                    >不是同一个密码</span
                                >
                            </li>
                            <li class="agree">
                                <input type="checkbox" name="" id="" />
                                同意协议并注册
                                <a href="#">《知晓用户协议》</a>
                            </li>
                            <li>
                                <input
                                    type="submit"
                                    value="提交注册"
                                    class="btn"
                                />
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
            <!-- 底部：版权 -->
            <footer class="footer">
                <div class="w">
                    <!-- 版权模块 -->
                    <div class="mod_copyright">
                        <div class="links">
                            <a href="#">关于我们</a> |
                            <a href="#">联系我们</a> |
                            <a href="#">联系客服</a> |
                            <a href="#">商家入驻</a> |
                            <a href="#">营销中心</a> |
                            <a href="#">手机品优购</a> |
                            <a href="#">友情链接</a> |
                            <a href="#">销售联盟</a> |
                            <a href="#">品优购社区</a> |
                            <a href="#">品优购公益</a> |
                            <a href="#">English Site</a> |
                            <a href="#">Contact U</a>
                        </div>
                        <div class="copyright">
                            地址：地地地地地地地地地地地地地地地地地地地
                            邮编：100096 电话： 411-678-6222 传真：010-98888888
                            邮箱：zhanghj+myself.cn <br />
                            京ICP备08001421号京公网安备1101222554485
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </body>
</html>
